import styles from './index.less';
import { DatePicker, Button } from 'antd';
import { useEffect } from 'react'
// 引入内置request方法，用于获取Mock数据
import { history, request } from 'umi'

export default function IndexPage(props: any) {

  useEffect(() => {
    // setTimeout(() => {
    //   history.push('user/one')
    // }, 2000)

  }, [])

  // 定义按钮点击事件
  const getData = async () => {
    // 请求数据，使用Promise.then语法
    request('/api/index').then(res => {
      console.log(res)
    })
    // 使用async...await语法
    const data = await request('/api/person')
    console.log(data)
    // 请求mockjs第三方库生成的Mock数据
    const mock = await request('/api/tags')
    console.log(mock)
  }

  return (
    <div>
      <h1 className={styles.title}>Page index</h1>
      <Button onClick={getData}>点我获取数据</Button>
      <br />
      <DatePicker />
    </div>
  );
}
